<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="Keywords" content="">
        <meta name="description" content="">
<!--        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport" />-->
        <meta content="yes" name="apple-mobile-web-app-capable" />
        <meta content="black" name="apple-mobile-web-app-status-bar-style" />
        <meta content="telephone=no" name="format-detection" />
        <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport">
        <title>你送我棕</title>
        <link type="text/css" rel="stylesheet" href="css/base.css">
        <link type="text/css" rel="stylesheet" href="css/style.css">
        <link type="text/css" rel="stylesheet" href="css/shake.css">
        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="js/main.js"></script>
    </head>
    <body>
        <div class="main_container index_bg">
            <header>
                <div class="logo">
                    <img src="images/metro_logo.jpg">
                </div>
            </header>
            <div>
                <img src="images/yun1.png" id="yun1">
                <img src="images/yun2.png" id="yun2">
                <img src="images/long.png" id="long">
                <img src="images/send_zl.png" id="send_zl">
                <img src="images/send_youme.png" id="send_youme">
                <img src="images/longzhou.png" id="longzhou">
                <img src="images/water.png" id="water">
            </div>
            
            <div class="send_bag">
                <a href="#">
                    <img src="images/send.jpg">
                </a>
                <a href="#" style="display:inline_block; width:160px; height:130px;background:url(images/bag_bg.png);">
                    <img src="images/bag.png" id="bag_animate" class="preview-item big shake shake-constant hover-stop shake-slow">
                </a> 
                <div class="bag_num">
                    <span>3</span>
                </div>
                <script type="text/javascript">
                    var  num_len = $(".bag_num").find("span").html().length;
                    if(num_len == 1){
                        $(".bag_num").find("span").css("padding","0px");
                    }else{
                        $(".bag_num").find("span").css("padding","0px 8px");
                    }
                    
                </script>
            </div>
            
            <div class="concern_rule">            
                <a href="#">
                    <img src="images/concern.jpg">
                </a>
                <a href="#">
                    <img src="images/rule.jpg">
                </a>
                <a href="#">
                    <img src="images/index_ok.jpg">
                </a>
            </div>
        </div>
        
        
    </body>
</html>